<html>
<head>
  <link rel="stylesheet" type="text/css" href="new.css" />
</head>
  <body>
<div id="container">
   <div id="logoandtext">
      <div id="logo"><img src="timg.jpg"></img></div>
      <div id="text">AJ shoes</div>
	   <div id="useforsearch"><a href="search.html">search</a></div>
   </div>
  <div id="menu">
    <div class="box"><a href="login.html">Log in</a></div>
    <div class="box1"><a href="sign-up.html">Sign up</a></div>
    <div class="box1"><a href="index.html">Homepage</a></div>
    <div class="box1"><a href="description.html">Description</a></div>
    <div class="box2"><a href="contact.html">Contact us</a></div>
   </div>
<div id="signup">Sign Up</div>
  <form>
  <div class="content">
	
	

		
		<div class="leftpart">

			<div class="up">
					<div class="fieldname">
						Name: 
					</div>


					<div class="fieldinput">

						<input type="text" name="username" id="username">

					</div>


					<div class="fieldname">Email: </div>
					<div class="fieldinput"><input type="email" name="email" id="email"> </div>

					<div class="fieldname">Password: </div>
					<div class="fieldinput"><input type="password" name="password" id="password"> </div>

					<div class="fieldname">Retype Password: </div>
					<div class="fieldinput"><input type="password" name="repassword" id="repassword"> </div>

			</div>

			<div class="down">
				
				<div class="fieldname">Gender: </div>
				<div class="fieldinput-half">
					<input type="radio" name="gender" value="male" checked> Male 
					<input type="radio" name="gender" value="female"> Female 
				</div>

				<div class="fieldname">Birthday: </div>
				<div class="fieldinput-half">
						<select name="year" id="year">
						    <option value="1991">1991</option>
							<option value="1992">1992</option>
							<option value="1993">1993</option>
							<option value="1994">1994</option>
							<option value="1995">1995</option>
							<option value="1995">1995</option>
							<option value="1996">1996</option>
							<option value="1997">1997</option>
							<option value="1998">1998</option>
						</select>
						<select name="month" id="month">
			  				<optgroup label="Spring">
			    				<option value="January">January</option>
			    				<option value="February">February</option>
				 				<option value="March">March</option>
			  				</optgroup>
			  				<optgroup label="Summer">
			    				<option value="April">April</option>
			    				<option value="May">May</option>
			 	 				<option value="June">June</option>
							</optgroup>
							<optgroup label="Autumn">
			    				<option value="July">July</option>
			    				<option value="August">August</option>
			 	 				<option value="September">September</option>
							</optgroup>
							<optgroup label="Winter">
			    				<option value="October">October</option>
			    				<option value="November">November</option>
			 	 				<option value="December">December</option>
							</optgroup>
						</select> 
				</div>

				<div class="fieldname">Language: </div>

				<div class="fieldinput-half">
					<input type="checkbox" name="language" value="English" > English 
					<input type="checkbox" name="language" value="Chinese"> Chinese
				</div>


			</div>


		</div>

		
		<div class="rightpart">


			<div class="down">
				Hobbies: <br>
				<textarea rows="14" cols="50" id="hobbies"></textarea>


			</div>



		</div>


		
		<div class="formsubmit">
			
			<button class="subbtn" >Sign up</button>
		</div>

	</div>
	</form>
    </div>
</body>
</html>